body {
	/* width: 23.4375rem; */
	background-color: #E5E5E5;
}

nav {
	position: relative;
	/* width: 20.9375rem; */
	height: 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(121, 72, 234, 1);
	padding: 0 1.25rem;
}

nav i:nth-child(1) {
	font-size: 1.25rem;
	color: rgba(56, 56, 56, 1);
}

.qualitybox {
	width: 20.9375rem;
	height: 1.5rem;
	color: rgba(0, 0, 0, 1);
	font-size: 1rem;
	text-align: center;
}

.navright {
	position: absolute;
	right: 0.9375rem;
	width: 4.375rem;
	height: 1.6875rem;
	border-radius: 1.875rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.75rem;
}

.navcont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.125rem 0 1.4375rem;
	height: 5.625rem;
	background-color: rgba(121, 72, 234, 1);
}

.navcont span {
	display: block;
}

.head {
	width: 3.8125rem;
	height: 3.8125rem;
	border-radius: 2rem;
	border: rgba(255, 255, 255, 1) solid 0.125rem;
}

.head img {
	width: 3.8125rem;
	height: 3.8125rem;
	border-radius: 2rem;
}

.name {
	flex-direction: column;
}

.name span {
	color: rgba(255, 255, 255, 1);
	font-size: 0.75rem;
}

.strong {
	font-size: 1rem !important;
	font-weight: bold;
}

.code {
	text-align: center;
}

.code img {
	width: 2rem;
	height: 1.8125rem;
}

.code span {
	color: rgba(255, 255, 255, 1);
	font-size: 0.875rem;
}

.main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 5.3125rem;
	background-color: rgba(255, 255, 255, 1);
	padding: 0 2.125rem 0 1.25rem;
}

.main span {
	display: block;
}

.leftspan span {
	line-height: 1.5rem;
}

.leftspan span:nth-child(1) {
	color: rgba(255, 141, 26, 1);
	font-size: 0.875rem;
	font-weight: bold;
}

.leftspan span:nth-child(2) {
	color: rgba(128, 128, 128, 1);
	font-size: 0.875rem;
	font-weight: bold;
}

.rightspan {
	width: 58px;
	height: 24px;
	color: rgba(255, 141, 26, 1);
	background-color: rgba(153, 153, 153, 0.013071895424836555);
	border-radius: 13px;
	font-size: 14px;
	border: rgba(255, 141, 26, 1) solid 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.foxbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.75rem;
	height: 5.3125rem;
	background-color: rgba(255, 255, 255, 1);
	padding: 0 2.4375rem 0 1.625rem;
}

.fox {
	width: 7.8125rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fox img {
	width: 2.4375rem;
	height: 2.4375rem;
}

.foxspan span {
	display: block;
}

.foxspan span:nth-child(1) {
	color: rgba(56, 56, 56, 1);
	font-size: 0.875rem;
	font-weight: bold;
}

.foxspan span:nth-child(2) {
	color: rgba(166, 166, 166, 1);
	font-size: 0.875rem;
}

.line {
	width: 0.0625rem;
	height: 3.75rem;
	background-color: rgba(166, 166, 166, 1);
}

.foximg {
	width: 1.6875rem !important;
	height: 1.6875rem !important;
}

.anchorbox {
	width: calc(100% - 2.25rem);
	height: 2.9575rem;
	position: fixed;
	bottom: 0;
	padding: 0.375rem 1.125rem 0.125rem;
	background-color: rgba(255, 255, 255, 1);
	border-top: 0.0625rem solid rgba(229, 229, 229, 1);
	display: flex;
	justify-content: space-between;
}

.anchor {
	width: 2.6875rem;
	text-align: center;
}

.anchor i {
	font-size: 1.25rem;
	color: #808080;
}

#yew {
	color: rgba(255, 112, 58, 1);
}

.anchor span {
	display: block;
	font-size: 0.8125rem;
	color: #6B6B6B;
}

.anchor .first {
	color: rgba(255, 112, 58, 1);
}

.mid {
	width: 2.6875rem;
	position: relative;
	display: flex;
	justify-content: center;
}

.bt {
	color: rgba(80, 80, 80, 1);
	font-size: 0.8125rem;
	display: block;
	margin-top: 1.5rem;
}

.sign {
	width: 2.375rem;
	height: 2.375rem;
	background-color: rgba(245, 87, 78, 1);
	border-radius: 1.1875rem;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 1.4375rem;
}

.sign span {
	display: inline-block;
	color: rgba(255, 255, 255, 1);
	font-size: 0.6875rem;
	width: 2rem;
	text-align: center;
	font-weight: 600;
}
